<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p2_文本处理标签</title>
</head>
<body>
我是普通文字
<u>underline下划线文字</u>

<b>加粗 文字</b>
<b>加粗 文字</b>
<i>italic斜体文字</i>
<s>删除线文字</s>
<mark>高亮标记
    文字
</mark>
<!--2.空格折叠:将连续的多个空格与换行都折叠成一个空格显示-->
<br>  <!--换行标签 单标记标签-->
我是新内容
<!--3.转义标签
less than    &lt; 小于号
great than  &gt;  大于号
&nbsp;             空格 -->
<!---->
我喜欢吃&lt;rose&gt;做的&nbsp;&nbsp;&nbsp;&nbsp;红烧肉
<!--标题标签 加粗 改字号 内容独占一行 有垂直方向的上下行间距-->
<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>
<!--没有h7标签，但是不会报错，只是不渲染效果-->
<h7>标题</h7>

<!---->
<p>我是段落</p>
<p>我是段落</p>
<p>我是段落</p>

<!--分割线 生成一条灰色的水平分割线-->
<hr>

<!--生成假文 lorem 按 Tab 补全-->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci architecto beatae doloribus dolorum error esse magnam
neque, perferendis porro sunt! Adipisci alias aliquam consectetur exercitationem laudantium nisi quidem totam ullam.

<!--有序列表  ordered list
 list item  列表项-->
<!--type 1 阿拉伯数字默认值 A/a英文字母 I/i罗马数字-->
<ol type="I">
    <li>把冰箱门打开</li> <!-- list item 列表项-->
    <li>把大象装进去</li>
    <li>把冰箱门关上</li>
</ol>


<!--无序列表  unordered list-->
<ul >
    <li>《Java从入门到精通》</li> <!--list item 列表项-->
    <li>《Think in Java》</li>
    <li>《编程之美》</li>
    <li>《颈椎病康复指南》</li>
</ul>
<hr>

<ul type="none">
    <li>热菜
        <ol type="1">
            <li>西红柿牛腩</li>
            <li>宫保鸡丁</li>
            <li>水煮肉片</li>
            <li>溜肉段</li>
        </ol>
    </li>
    <li>凉菜
        <ol>
            <li>拍黄瓜</li>
            <li>凉拌三丝</li>
            <li>皮蛋豆腐</li>
        </ol>
    </li>
    <li>主食
        <ol>
            <li>米饭</li>
            <li>馒头</li>
        </ol>
    </li>
</ul>



<hr>
<h1>个人简历</h1>
<h3>基本信息</h3>
<p>姓名：<b>传奇哥</b></p>
<p>性别：男</p>
<p>爱好：<s>摄影</s></p>
<h3>个人经历</h3>
<ul>
    <li>小学6年</li>
    <li>中学3年</li>
    <li>高中3年</li>
</ul>
<h3>获得荣誉</h3>
<ol type="1">
    <li>机甲收集达人</li>
    <li>玩偶收集达人</li>
</ol>


</body>
</html>